﻿  /*
Template Name: 谭文开做的图纸商城模板
Template URI: http://www.yaojianfang.com
Description: 谭文开的模板
Version: 2.7.2
Author: 68ECSHOP Team
Author URI: http://www.yaojianfang.com/
Logo filename: logo.gif
Template Type: type_0
*/

/* ====================公共样式==================== */
* {
	margin: 0px; padding: 0px;
}
body {
	/**font-family: "Arial";font-size: 12px;color: #666666;line-height:150%;padding:0; margin:0;**/
	background: url("images/bg.gif"); color: rgb(51, 51, 51); font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
li {
	list-style: none;
}
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
	color: rgb(239, 112, 0); text-decoration: none;
}
img {
	border: 0px currentColor;
}
h1 {
	font-size: 12px;
}
h2 {
	font-size: 12px;
}
h3 {
	font-size: 12px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 12px;
}
.clear {
	width: 100%; height: 0px; overflow: hidden; clear: both;
}
#wrapper {
	background: rgb(255, 255, 255); margin: 6px auto; border: 1px solid rgb(221, 221, 221); width: 986px; height: auto;
}
#header {
	width: 986px; height: 144px;
}
.top {
	width: 986px; height: 98px;
}
.top .logo {
	margin: 31px 0px 0px 17px; width: 195px; height: 50px; float: left; display: inline;
}
.top .topad {
	margin: 26px 0px 0px 28px; width: 468px; height: 60px; float: left; display: inline;
}
.top .top_r {
	margin: 12px 16px 0px 0px; width: 250px; height: 80px; text-align: right; color: rgb(102, 102, 102); float: right; display: inline;
}
.top .top_r a {
	color: rgb(102, 102, 102);
}
.top .top_r a:hover {
	color: rgb(239, 112, 0);
}
.top .top_r .zxdh {
	margin: 30px 0px 0px 36px; width: 208px; height: 30px;
}
.nav {
	background: url("images/nav_bg.gif") repeat-x; width: 986px; height: 46px; position: relative;
}
.nav .nav_l {
	background: url("images/nav_l_bg.gif") no-repeat; left: -8px; top: 0px; width: 8px; height: 46px; position: absolute;
}
.nav .nav_r {
	background: url("images/nav_r_bg.gif") no-repeat; top: 0px; width: 8px; height: 46px; right: -8px; position: absolute;
}
.nav .nav_m {
	width: 770px; height: 42px; line-height: 42px; overflow: hidden; float: left;
}
.nav .nav_m ul {
	margin-left: 40px;
}
.nav .nav_m ul li {
	background: url("images/nav_s_bg.gif") no-repeat 81px 13px; width: 104px; height: 42px; float: left;
}
.nav .nav_m ul li a {
	color: rgb(255, 255, 255); font-size: 14px; font-weight: bold;
}
.nav .nav_m ul li a:hover {
	color: rgb(255, 255, 0); text-decoration: underline;
}
.nav .gwc {
	background: url("images/gwc.gif") no-repeat; margin: 8px 25px 0px 0px; width: 107px; height: 23px; float: right; display: inline;
}
.nav .gwc span {
	line-height: 24px; padding-left: 33px;
}
.nav .gwc span a {
	color: rgb(102, 102, 102);
}
.nav .gwc span a:hover {
	text-decoration: underline;
}
.nav .gwc span strong {
	color: rgb(244, 0, 0); font-family: "宋体";
}
#content {
	margin: 3px 10px 0px; width: 966px; overflow: hidden; padding-bottom: 10px;
}
.left {
	width: 202px; float: left;
}
.fl {
	width: 202px; float: left;
}

.left .hotline {
	background: url("images/b1.gif") repeat-x; border: 1px solid rgb(255, 215, 182); width: 200px; height: 178px; margin-bottom: 10px;
}
.left .hotline .fwrx {
	margin: 7px 0px 0px 7px; width: 176px; height: 57px;
}
.left .hotline .zxkf {
	margin: 13px 0px 0px 7px; width: 50px; height: 14px;
}
.left .hotline ul {
	margin: 7px 0px 0px 8px;
}
.left .hotline ul li {
	margin: 0px 0px 6px 12px; width: 176px; line-height: 20px;
}
.left .hotline .msn {
	line-height: 20px; margin-left: 7px;
}
.left .column1 {
	width: 202px; overflow: hidden; margin-bottom: 10px;
}
.left .column1 .top1 {
	background: url("images/t1.gif") repeat-x; width: 202px; height: 28px;
}
.left .column1 .top1 .t_l {
	background: url("images/t2.gif") no-repeat; width: 4px; height: 28px; float: left;
}
.left .column1 .top1 .t_r {
	background: url("images/t3.gif") no-repeat; width: 4px; height: 28px; float: right;
}
.left .column1 .top1 h3 {
	margin: 7px 0px 0px 6px; color: rgb(255, 255, 255); font-size: 14px; float: left; display: inline;
}
.left .column1 .main1 {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221); width: 200px; overflow: hidden; padding-bottom: 10px;
}
.left .snav_rj {
	background: url("images/d6.gif") no-repeat 11px 8px; line-height: 30px; padding-left: 28px;
}
.left .snav_sj {
	line-height: 30px; padding-left: 40px;
}
.left .snav_rj a:hover {
	color: rgb(239, 112, 0); font-weight: bold;
}
.left .snav_sj a:hover {
	color: rgb(239, 112, 0); font-weight: bold;
}
.left .nnav_sj {
	width: 200px; height: 85px; overflow: hidden; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: dotted;
}
.left .nnav_sj .sj_sz {
	background: url("images/d4.gif") no-repeat; margin: 9px 0px 0px 5px; width: 17px; height: 13px; text-align: center; color: rgb(255, 255, 255); line-height: 13px; font-size: 10px; font-weight: bold; float: left; display: inline;
}
.left .nnav_sj .sj_tp {
	margin: 9px 0px 0px 10px; padding: 1px; border: 1px solid rgb(221, 221, 221); width: 88px; height: 66px; float: left; display: inline;
}
.left .nnav_sj .sj_wz h2 {
	margin: 12px 0px 0px 6px; width: 68px; line-height: 16px; font-weight: normal; float: left; display: inline;
}
.left .nnav_sj .sj_wz p {
	margin: 8px 0px 0px 6px; width: 68px; color: rgb(223, 0, 0); font-weight: bold; float: left; display: inline;
}
.left .nnav_rj {
	width: 194px; height: 29px; line-height: 29px; overflow: hidden; margin-left: 3px; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: dotted;
}
.left .nnav_rj span {
	background: url("images/d5.gif") no-repeat; margin: 8px 0px 0px 2px; width: 17px; height: 13px; text-align: center; color: rgb(255, 255, 255); line-height: 14px; font-size: 10px; font-weight: bold; float: left; display: inline;
}
.left .nnav_rj h2 {
	margin: 2px 0px 0px 6px; font-weight: normal; display: inline;
}
.left .leftad {
	width: 202px; margin-top: 14px;
}
.left .leftad img {
	width: 202px; height: 90px;
}
.left .main1 .zjll li {
	line-height: 24px; padding-left: 8px;
}
.left .fhtz {
	border: 1px solid rgb(221, 221, 221); width: 200px; height: 286px;
}
.left .fhtz .top1 {
	background: rgb(242, 242, 242); width: 200px; height: 27px;
}
.left .fhtz .top1 h3 {
	color: rgb(255, 84, 0); line-height: 27px; font-size: 14px; margin-left: 8px;
}
#demo {
	margin: 5px 0px 0px 8px; width: 188px; height: 249px; line-height: 22px; overflow: hidden;
}
#indemo {
	height: 800%; float: left;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}
.right {
	width: 754px; margin-left: 10px; float: left; display: inline;
}
.fr {
	width: 754px; margin-left: 10px; float: left; display: inline;
}
#MainPromotionBanner {
	border: 1px solid rgb(216, 216, 216); width: 516px; height: 216px; overflow: hidden; margin-bottom: 10px; float: left; display: inline;
}
#SlidePlayer {
	margin: 0px auto; position: relative;
}
#SlidePlayer .Slides {
	height: 216px; overflow: hidden;
}
#SlidePlayer .Slides li {
	width: 516px; height: 216px; float: left;
}
#SlidePlayer .Slides img {
	border: 0px currentColor; width: 516px; height: 216px; display: block;
}
#SlidePlayer .SlideTriggers {
	list-style: none; margin: 0px; padding: 0px; height: 25px; right: 5px; bottom: 0px; position: absolute; z-index: 10;
}
#SlidePlayer .SlideTriggers li {
	background: url("images/slide_trigger.gif") no-repeat center; margin: 2px; width: 18px; height: 18px; text-align: center; color: rgb(224, 74, 0); line-height: 16px; overflow: hidden; font-family: Arial; font-size: 12px; float: left; display: inline; cursor: pointer;
}
#SlidePlayer .SlideTriggers li.Current {
	background: url("images/slide_trigger_c.gif") no-repeat center; margin: 0px 3px; border: 0px currentColor; width: 20px; height: 20px; color: rgb(255, 255, 255); line-height: 20px; font-weight: bold;
}
.right .news {
	margin: 0px 0px 10px 10px; border: 1px solid rgb(221, 221, 221); width: 224px; height: 216px; float: left; display: inline;
}
.right .news .top2 {
	background: rgb(242, 242, 242); width: 224px; height: 27px;
}
.right .news .top2 h3 {
	background: url("images/t4.gif") no-repeat; margin: 3px; width: 67px; height: 21px; color: rgb(255, 255, 255); line-height: 22px; padding-left: 6px; float: left; display: inline;
}
.right .news .top2 a {
	margin: 7px 6px 0px 0px; width: 38px; height: 13px; float: right; display: inline;
}
.right .news ul {
	margin-top: 6px;
}
.right .news ul li {
	background: url("images/d1.gif") no-repeat 3px 8px; width: 206px; height: 21px; line-height: 21px; padding-left: 12px; margin-left: 3px; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: dotted;
}
.right .news ul li span {
	color: rgb(102, 102, 102);
}
.right .column2 {
	border: 1px solid rgb(221, 221, 221); width: 752px; margin-bottom: 10px;
}
.right .column2 .top3 {
	background: rgb(242, 242, 242); width: 752px; height: 27px; position: relative;
}
.right .column2 .top3 h3 {
	background: url("images/t5.gif") no-repeat; left: -1px; top: -1px; width: 79px; height: 28px; color: rgb(255, 255, 255); line-height: 28px; padding-left: 15px; font-size: 14px; position: absolute;
}
.right .column2 .top3 a {
	margin: 8px 8px 0px 0px; font-family: "宋体"; float: right; display: inline;
}
.right .column2 ul {
	overflow: hidden; margin-top: 12px;
}
.right .column2 ul li {
	width: 178px; height: 226px; margin-left: 8px; float: left; display: inline;
}
.right .column2 ul li img {
	padding: 4px; border: 1px solid rgb(221, 221, 221); width: 168px; height: 126px;
}
.right .column2 ul li:hover img {
	padding: 3px; border: 2px solid rgb(60, 151, 0);
}
.right .column2 ul li h2 {
	width: 178px; height: 25px; text-align: center; line-height: 25px; overflow: hidden; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: dotted;
}
.right .column2 ul li p {
	width: 178px; height: 23px; line-height: 23px; text-indent: 6px; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: dotted;
}
.right .column2 ul li p strong {
	color: rgb(223, 0, 0);
}
.right .column2 .xx a {
	background: url("images/d2.gif") no-repeat; margin: 3px 4px 0px 0px; width: 43px; height: 17px; color: rgb(255, 255, 255); line-height: 18px; text-indent: 11px; font-weight: bold; float: right; display: inline;
}
.right .column2 .gm a {
	background: url("images/d3.gif") no-repeat; margin: 3px 4px 0px 0px; width: 43px; height: 17px; color: rgb(255, 255, 255); line-height: 18px; text-indent: 11px; font-weight: bold; float: right; display: inline;
}
#footer {
	margin: 0px 10px 10px; width: 966px; overflow: hidden; padding-bottom: 10px;
}
#footer .fnav {
	background: rgb(228, 228, 228); width: 966px; height: 27px; text-align: center; color: rgb(102, 102, 102); line-height: 27px;
}
#footer .fnav a {
	color: rgb(102, 102, 102);
}
#footer .fnav a:hover {
	color: rgb(51, 51, 51); text-decoration: underline;
}
#footer .friendlink {
	width: 966px; height: 33px; margin-top: 8px;
}
#footer .friendlink a {
	border: 1px solid rgb(221, 221, 221); width: 88px; height: 31px; margin-left: 8px; float: left;
}
#footer .copyright {
	width: 966px; text-align: center; line-height: 22px; margin-top: 10px;
}
.right .location {
	background: rgb(244, 244, 244); width: 742px; height: 28px; color: rgb(102, 102, 102); line-height: 28px; padding-left: 12px; font-family: "宋体";
}
.right .main h1 {
	margin: 8px 0px; width: 750px; text-align: center; color: rgb(239, 112, 0); line-height: 30px; font-size: 16px;
}
.right .main .bigimg {
	width: 370px; height: 280px; float: left;
}
.right .main .bigimg img {
	padding: 4px; border: 1px solid rgb(221, 221, 221); width: 360px; height: 270px;
}
.right .main .imgintro {
	width: 374px; height: 280px; margin-left: 10px; float: left; display: inline;
}
.right .main .imgintro ul li {
	width: 366px; height: 32px; line-height: 32px; padding-left: 8px; border-bottom-color: rgb(196, 196, 196); border-bottom-width: 1px; border-bottom-style: dotted;
}
.right .main .imgintro ul li strong {
	color: rgb(223, 0, 0); font-size: 16px;
}
.right .main .imgintro .buy {
	margin: 10px 0px 0px 45px; height: 35px;
}
.right .main .imgintro .buy img a {
	width: 127px; height: 35px; float: left; display: block;
}
.right .main .imgintro .contact {
	background: rgb(255, 251, 247); border: 1px solid rgb(248, 203, 159); width: 372px; height: 84px; padding-top: 6px; margin-top: 11px;
}
.right .main .imgintro .contact p {
	line-height: 20px; margin-left: 8px;
}
.right .main .imgintro .contact p strong span {
	color: rgb(254, 0, 0);
}
.right .main .xxjs {
	background: url("images/xxjs.gif") no-repeat; width: 754px; height: 29px; margin-top: 16px; border-bottom-color: rgb(55, 139, 0); border-bottom-width: 3px; border-bottom-style: solid;
}
.right .main .xxjs h3 {
	color: rgb(255, 255, 255); line-height: 29px; text-indent: 21px; font-size: 14px;
}
.right .main .jsmain {
	padding: 10px 0px 16px; line-height: 200%;
}
.right .main .jsmain p {
	margin-top: 1em;
}
.right .newslist ul {
	margin: 10px 0px 0px 10px; padding-bottom: 10px;
}
.right .newslist ul li {
	background: url("images/d1.gif") no-repeat 6px 14px; width: 720px; line-height: 36px; padding-left: 15px; border-bottom-color: rgb(196, 196, 196); border-bottom-width: 1px; border-bottom-style: dotted;
}
.right .newslist ul li span {
	color: rgb(102, 102, 102); margin-right: 10px; float: right; display: inline;
}
.left .help {
	width: 202px; overflow: hidden; margin-bottom: 10px;
}
.left .help .top1 {
	background: url("images/t6.gif") repeat-x; width: 202px; height: 28px;
}
.left .help .top1 .t_l {
	background: url("images/t7.gif") no-repeat; width: 4px; height: 28px; float: left;
}
.left .help .top1 .t_r {
	background: url("images/t8.gif") no-repeat; width: 4px; height: 28px; float: right;
}
.left .help .top1 h3 {
	margin: 7px 0px 0px 6px; color: rgb(255, 255, 255); font-size: 14px; float: left; display: inline;
}
.left .help .main1 {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(221, 221, 221) rgb(221, 221, 221); padding: 6px 0px 30px; width: 200px; overflow: hidden;
}
.left .help .main1 ul li {
	width: 190px; height: 30px; text-align: center; line-height: 30px; margin-left: 5px; border-bottom-color: rgb(200, 200, 200); border-bottom-width: 1px; border-bottom-style: dotted;
}
.left .help .main1 ul .curr {
	background: url("images/d6.gif") no-repeat 20px 8px; font-weight: bold;
}
.right .main .bzzx_t {
	margin: 6px 0px; color: rgb(239, 112, 0); font-size: 16px; font-weight: bold;
}
.right .main .bzzx_m {
	width: 720px; line-height: 24px; padding-bottom: 30px; font-size: 14px; margin-left: 16px;
}
.right .main .bzzx_m p {
	margin: 12px 0px;
}
.cart {
	width: 966px; padding-bottom: 20px;
}
.cart .cart_t {
	margin: 10px 0px 16px; width: 966px; height: 30px;
}
.cart .datalist {
	border: 1px solid rgb(221, 221, 221); width: 966px; font-family: Arial; border-collapse: collapse;
}
.cart .datalist th {
	border: 1px solid rgb(221, 221, 221); height: 32px; text-align: center; line-height: 32px; background-color: rgb(248, 248, 248);
}
.cart .datalist td {
	border: 1px solid rgb(221, 221, 221); height: 48px; text-align: center; line-height: 48px;
}
.cart .datalist a {
	color: rgb(60, 150, 0);
}
.cart .datalist a:hover {
	text-decoration: underline;
}
.cart .datalist .del a {
	background: rgb(239, 112, 0); padding: 3px 6px; color: rgb(255, 255, 255); font-weight: bold;
}
.cart .datalist .total {
	width: 200px; float: left;
}
.cart .datalist .price {
	width: 200px; float: right;
}
.cart .datalist .price span {
	color: rgb(223, 0, 0); font-size: 24px; font-weight: bold;
}
.cart .buybtn {
	margin: 8px 0px 30px; width: 278px; float: right; display: inline;
}
.cart .buybtn a {
	width: 127px; height: 35px; margin-left: 12px; float: left;
}
.cart .main2 {
	border: 1px solid rgb(221, 221, 221); width: 964px; padding-bottom: 30px;
}
.cart .main2 .top4 {
	width: 964px; height: 30px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.cart .main2 .top4 h3 {
	background: url("images/info.gif") no-repeat 10px 4px; line-height: 30px; padding-left: 32px; font-weight: normal;
}
.cart .main2 .ddxx {
	margin: 10px auto; line-height: 36px;
}
.cart .main2 form .text1 {
	border: 1px solid rgb(153, 153, 153); width: 120px; height: 23px; line-height: 23px;
}
.cart .main2 form .text2 {
	border: 1px solid rgb(153, 153, 153); width: 286px; height: 23px; line-height: 23px;
}
.cart .main2 form .area {
	border: 1px solid rgb(153, 153, 153); width: 286px; line-height: 20px; font-size: 12px;
}
.cart .main2 form span {
	color: rgb(255, 0, 0); font-family: "宋体";
}
.cart .main2 .ddxx .des {
	color: rgb(153, 153, 153);
}
.cart .main2 .ddxx .tj {
	background: url("images/t9.gif") repeat-x; border: currentColor; width: 90px; height: 31px; color: rgb(255, 255, 255); line-height: 31px; font-size: 14px; font-weight: bold; cursor: pointer;
}
.pages {
	margin: 10px 0px 16px; text-align: center; vertical-align: middle;
}
.pages span.disabled {
	padding: 3px 6px; border: 1px solid rgb(225, 225, 225); color: rgb(193, 193, 193); margin-right: 2px;
}
.pages a {
	padding: 3px 6px; border: 1px solid rgb(204, 204, 204); height: 22px; margin-right: 2px;
}
.pages span {
	padding: 3px 6px; border: 1px solid rgb(204, 204, 204); height: 22px; margin-right: 2px;
}
.page_go {
	border: 1px solid rgb(204, 204, 204); width: 30px; height: 19px; text-align: center; line-height: 20px; margin-right: 2px;
}
.pages span.current {
	background: rgb(247, 253, 244); color: rgb(255, 102, 0);
}
.delcopy {
	height: 0px; overflow: hidden;
}
#goTopBtn {
	width: 19px; height: 63px; right: 0px; bottom: 35px; position: fixed; cursor: pointer; _position: absolute; _right: auto;
}
#divStayTopleft {
	background: url("images/online.gif") no-repeat; top: 100px; width: 114px; height: 250px; right: 4px; position: absolute;
}
#divStayTopleft ul {
	list-style: none; margin: 140px 0px 0px 12px;
}
#divStayTopleft ul li {
	height: 27px;
}
